html, body{
    padding: 0;
    margin: 0;
}
ul{
    padding: 0;
    margin: 0;
}
ul li{
    list-style: none;
}
a, a:hover, a:visited, a:link{
    text-decoration: none;
}
p {
  margin-bottom: 0;
}
h1,h2,h3,h4,h5,h6{
  margin: 0;
}
input,
a,
button,
a:hover,
a:visited,
a:active{
  outline: none;
}
    
a:focus {outline-style:none; -moz-outline-style: none;}
.goTop:hover i{
    color: #eeb94d;
}
.other-banner img,
.bottom img{
    max-width: 100%;
}

.fixed-right {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 203px;
    z-index: 1000;
}
.fixed-right li{
    display: flex;
    color: #FFF;
    font-size: 14px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.7);
    /* opacity: .8; */
    border-radius: 6px 0 0 6px;
    padding: 8px 12px;
    position: absolute;
    cursor: pointer;
    align-items: center;
}
.fixed-right li i,
.fixed-right li a{
    color: #fff;
    font-size: 24px;
}
.fixed-right li a span {
    font-size: 14px;
}
.fixed-right li span{
    display: none;
    margin-left: 6px;
    white-space: nowrap;
}
.fixed-right li:hover i,
.fixed-right li:hover a{
    color: #eeb94d;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.fixed-right li.first {
    width: 44px;
    top:0;
    transition: all 0.5s;
}
.fixed-right li.second {
    width: 44px;
    top: 51px;
    transition: all 0.5s;
}
.fixed-right li.second:hover {
    width: 152px;
    right: 0;
}
.fixed-right li.first:hover {
    width: 110px;
    right: 0;
}
.fixed-right li.first:hover span,
.fixed-right li.second:hover span{
    display: inline-block;
    color: #eeb94d;
}
.fixed-right li.three {
    top: 102px;
}
.fixed-right li.three:hover .weixin {
    width: 145px;
    height: 145px;
    position: fixed;
    right: 48px;
}
.weixin img {
    max-width: 100%;
}
.fixed-right li.four {
    bottom: 0;
}